$(document).ready(function(){
        $.ajax({
                  url : "/information/info/showByType",
                  async : false,
                  type : "GET",
                  contentType : 'application/json',
                  dataType : 'json',
                  success : function(data) {
                        console.log(data.data[0].tile);
                       $('#title1').html(data.data[0].tile);
                       $('#title11').html(data.data[0].tile);
                       $('#content1').html(data.data[0].content);
                       $('#price1').html(data.data[0].price);
                       $('#name1').html(data.data[0].createname);
                       $('#mobile1').html(data.data[0].mobile);
                       $('#image1').attr("src", "images/"+data.data[0].image);

                       $('#title2').html(data.data[1].tile);
                       $('#title22').html(data.data[1].tile);
                       $('#content2').html(data.data[1].content);
                       $('#price2').html(data.data[1].price);
                       $('#name2').html(data.data[1].createname);
                       $('#mobile2').html(data.data[1].mobile);
                       $('#image2').attr("src", "images/"+data.data[1].image);

                       $('#title3').html(data.data[2].tile);
                       $('#title33').html(data.data[2].tile);
                       $('#content3').html(data.data[2].content);
                       $('#price3').html(data.data[2].price);
                       $('#name3').html(data.data[2].createname);
                       $('#mobile3').html(data.data[2].mobile);
                       $('#image3').attr("src", "images/"+data.data[2].image);

                       $('#title4').html(data.data[3].tile);
                       $('#title44').html(data.data[3].tile);
                       $('#content4').html(data.data[3].content);
                       $('#price4').html(data.data[3].price);
                       $('#name4').html(data.data[3].createname);
                       $('#mobile4').html(data.data[3].mobile);
                       $('#image4').attr("src", "images/"+data.data[3].image);

                       $('#title5').html(data.data[4].tile);
                       $('#title55').html(data.data[4].tile);
                       $('#content5').html(data.data[4].content);
                       $('#price5').html(data.data[4].price);
                       $('#name5').html(data.data[4].createname);
                       $('#mobile5').html(data.data[4].mobile);
                       $('#image5').attr("src", "images/"+data.data[4].image);

                       $('#title6').html(data.data[5].tile);
                       $('#title66').html(data.data[5].tile);
                       $('#content6').html(data.data[5].content);
                       $('#price6').html(data.data[5].price);
                       $('#name6').html(data.data[5].createname);
                       $('#mobile6').html(data.data[5].mobile);
                       $('#image6').attr("src", "images/"+data.data[5].image);

                       $('#title7').html(data.data[6].tile);
                       $('#title77').html(data.data[6].tile);
                       $('#content7').html(data.data[6].content);
                       $('#price7').html(data.data[6].price);
                       $('#name7').html(data.data[6].createname);
                       $('#mobile7').html(data.data[6].mobile);
                       $('#image7').attr("src", "images/"+data.data[6].image);

                       $('#title8').html(data.data[7].tile);
                       $('#title88').html(data.data[7].tile);
                       $('#content8').html(data.data[7].content);
                       $('#price8').html(data.data[7].price);
                       $('#name8').html(data.data[7].createname);
                       $('#mobile8').html(data.data[7].mobile);
                       $('#image8').attr("src", "images/"+data.data[7].image);

                       $('#title9').html(data.data[8].tile);
                       $('#title99').html(data.data[8].tile);
                       $('#content9').html(data.data[8].content);
                       $('#price9').html(data.data[8].price);
                       $('#name9').html(data.data[8].createname);
                       $('#mobile9').html(data.data[8].mobile);
                       $('#image9').attr("src", "images/"+data.data[8].image);
                  }
        });


  });